.form-grid {
    -fx-background-color: #f4f4f9;
    -fx-padding: 20px;
    -fx-border-color: #e0e0e0;
    -fx-border-radius: 10px;
    -fx-background-radius: 10px;
    -fx-font-family: "Arial", sans-serif;
    -fx-font-size: 14px;
}

.form-grid Label {
    -fx-font-size: 16px;
    -fx-text-fill: #333;
}

.form-grid TextField, .form-grid TextArea, .form-grid DatePicker, .form-grid ComboBox, .form-grid Spinner {
    -fx-background-color: #fff;
    -fx-border-color: #ddd;
    -fx-border-radius: 5px;
    -fx-background-radius: 5px;
    -fx-padding: 5px;
    -fx-pref-width: 200px;
}

.form-grid Button {
    -fx-background-color: #5a67d8;
    -fx-text-fill: white;
    -fx-font-size: 16px;
    -fx-padding: 10px 20px;
    -fx-border-radius: 5px;
    -fx-background-radius: 5px;
    -fx-cursor: hand;
}

.form-grid Button:hover {
    -fx-background-color: #4c51bf;
}
.form-scroll-pane {
    -fx-background-color: #f4f4f9;
    -fx-padding: 10px;
    -fx-border-color: #ddd;
    -fx-border-radius: 10px;
    -fx-background-radius: 10px;
}

.form-scroll-pane .viewport {
    -fx-background-color: #f4f4f9;
}


/* 保存按钮特定样式 */
.save-button {
    -fx-background-color: #4c51bf; /* 保存按钮背景色 */
    -fx-text-fill: white; /* 字体颜色 */
    -fx-font-size: 16px; /* 字体大小 */
}

.save-button:hover {
    -fx-background-color: #3c47b3; /* 鼠标悬停变深 */
}

/* 返回按钮特定样式 */
.back-button {
    -fx-background-color: #4c51bf; /* 返回按钮背景色 */
    -fx-text-fill: white; /* 字体颜色 */
    -fx-font-size: 16px; /* 字体大小 */
}

.back-button:hover {
    -fx-background-color: #3c47b3; /* 鼠标悬停变深 */
}

.check-box {
    -fx-alignment: center;  /* 确保复选框垂直居中 */
    -fx-content-display: center;
    -fx-padding: 5px;
}

.label {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
}

.text-field, .spinner, .combo-box, .text-area {
    -fx-padding: 8px 5px;
    -fx-border-color: #cccccc;
    -fx-border-radius: 3px;
}

/* 确保HBox中的所有元素垂直居中 */
.form-grid .hbox {
    -fx-alignment: center-left;
}

/* 复选框样式 */
.check-box .box {
    -fx-background-color: white;
    -fx-border-color: #999999;
    -fx-border-radius: 3px;
}

.check-box:selected .mark {
    -fx-background-color: white;
}

.check-box:selected .box {
    -fx-background-color: #4CAF50;
}

.blue-button {
    -fx-background-color: #4b6eaf;
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-padding: 8px 16px;
    -fx-border-radius: 3px;
    -fx-background-radius: 3px;
    -fx-cursor: hand;
}

.blue-button:hover {
    -fx-background-color: #3c57a5;
}

.blue-button:pressed {
    -fx-background-color: #2e4580;
}